@media (min-width: 768px) {
  .container {
    width: 760px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 990px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
.container {
  margin: 0 auto;

  .left-col {
    margin-bottom: 20px;
  }
  .left-content,
  .right-content {
    background: white;
  }
  .left-content {
    .el-link {
      width: 100%;
      justify-content: left;
      line-height: 1.6em;
    }
  }
}
.index-container {
  .right-content {
    .el-card {
      margin-bottom: 20px;
      .el-card__header {
        .el-link {
          width: 100%;
          justify-content: left;
          font-weight: bold;
        }
      }
    }
  }
}
.article-container {
  margin: 0 auto;
  .right-content {
    padding: 15px;
    h2 {
      margin: 0;
    }
    img {
      max-width: 100%;
    }
  }
}

.left {
  float: left;
}
.right {
  float: right;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
